<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link type="text/css" rel="stylesheet" href="css/style.css" />
<title>你的名字</title>
</head>
<body>
<div class="wrapin"> 
  <div class="banner"> <img src="images/banner_1.jpg"/> </div>
  <header>
    <ul class="nav clearfix">
      <li><a href="index.html">首页</a></li>
      <li><a href="juqing.html">剧情故事</a></li>
      <li><a href="tupian.html">精彩图集</a></li>
      <li><a href="jingchai.html">剧情解说</a></li>
      <li><a href="lianxi.html">联系我们</a></li>
    </ul>
  </header>
  <div class="con">
    <div class="title">
      <h2>联系我们</h2>
    </div>
    <div class="clearfix">
     <div class="lx_pic">
     <img src="images/banner_3.jpg"/>
     </div>
    <form>
      <p>姓名：</p>
      <input type="text" class="phone" placeholder="请输入你的姓名">
      <p>邮箱：</p>
      <input type="text" class="phone" placeholder="请输入你的邮箱">
      <p>留言：</p>
      <textarea></textarea>
      <button class="but"> <a href="images/17.jpg">提交</a></button>
    </form>
  </div>
</div>
<footer>
  <p>你的名字</p>
</footer>
</div>
</body>
</html>